<!DOCTYPE html>
<!--[if IE 7 ]><html class="ie ie7 lte9 lte8 lte7" lang="en-US"><![endif]-->
<!--[if IE 8]><html class="ie ie8 lte9 lte8" lang="en-US">	<![endif]-->
<!--[if IE 9]><html class="ie ie9 lte9" lang="en-US"><![endif]-->
<!--[if (gt IE 9)|!(IE)]><!-->
<html class="noIE" lang="en-US">
<!--<![endif]-->
<head>
    <title>Flusk</title>
    <!-- meta -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale=1.0, user-scalable=no"/>

    <!-- google fonts -->
    <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=PT+Sans'>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Droid+Serif:regular,bold"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+Sans:regular,italic,bold,bolditalic"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Nixie+One:regular,italic,bold,bolditalic"/>
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Alegreya+SC:regular,italic,bold,bolditalic"/>

    <!-- css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/style.css" media="screen"/>

    <style type="text/css">
        /*collections*/
        .slider-content .right {
            margin-top: 80px;
        }
        .slider-title {

        }

        @media (max-width: 480px) {
            .slider-content .right {
                margin-top: 0px;
            }
        }


    </style>

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="assets/js/html5shiv.js"></script>
    <script src="assets/js/respond.js"></script>
    <![endif]-->

    <!--[if IE 8]>
    <script src="assets/js/selectivizr.js"></script>
    <![endif]-->
</head>

<body>
<div id="wrapper">
    <div id="header">
    </div><!-- header -->
    <div id="container" class="content-block">
        <div class="contents col-lg-10 col-lg-offset-1">
            <div class="content-menu col-lg-4">
                <nav class="navbar navbar-default equinav" role="navigation">
                    <div class="navbar-header" style="float:initial">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <span class="navbar-brand"><a href="home.html">THE SEASIDE COMPOUND</a></span>
                    </div><!-- /.navbar-header -->
                    <div class="collapse navbar-collapse">
                        <ul class="nav navbar-nav">
                            <li><a href="collections.html">COLLECTIONS</a></li>
                            <li><a href="#">ONLINE SHOP</a></li>
                            <li><a href="contact.html">CONTACT</a></li>
                            <li><a href="about.html">ABOUT</a></li>
                        </ul>
                    </div><!-- /.navbar-collapse -->
                </nav>
            </div>
            <div class="contents-menu-top col-lg-8">
                <div class="slider">
                    <div class="slider-title col-lg-12">
                        <div class="text-center col-lg-5">
                            <span>SUPRING-SUMMER 2018</span>
                        </div>
                    </div>
                    <div class="slider-content col-lg-12">
                        <div class="coming-soon">
                            <div class="left col-lg-5">
                                <img src="assets/images/product/test.jpg">
                            </div>
                            <div class="right text-center col-lg-5">
                                <p>2018</p>
                                <p>COLLECTION</p>
                                <p>COMING</p>
                                <p>SOON</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div><!-- header -->
    <div id="footer" class="content-block">
        <div class="text-right">
            <p>THE SEASIDE COMPOUND.ALL RIGHTS RESERVED.</p>
        </div>
    </div><!-- header -->
</div><!--/#wrapper-->

<script src="assets/js/jquery-2.1.3.min.js"></script>
<script src="assets/js/jquery-migrate-1.2.1.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/jquery.actual.min.js"></script>
<script src="assets/js/jquery.scrollTo.min.js"></script>
<script src="assets/js/script.js"></script>
<script src="assets/js/menu.js"></script>

</body>
<script type="text/javascript">
    $(function() {
        $(".dropdown-toggle").dropdown('toggle');
    });
</script>
</html>
